<!--
 * @Author: 田斌 tianbin0912@163.com
 * @Date: 2023-08-14 18:14:20
 * @LastEditors: 田斌 tianbin0912@163.com
 * @LastEditTime: 2023-08-15 15:51:54
 * @FilePath: \jQueryProject\webComponents\templatesAndSlots\comment.html
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!-- custom-element-template.html -->
<template id="custom-element-template">
  <style>
    /* 自定义元素的样式 */
    :host {
      display: block;
      padding: 16px;
      background-color: lightblue;
    }
  </style>
  <!-- 自定义元素的内容 -->
  <h2><slot></slot></h2>
  <p>This is a custom element content.</p>
  <button id="custom-button">Click Me</button>
</template>
